<template>
    <div>
        <div class="map-header">
      <div class="con">
        <div class="back">
          <span class="iconfont icon-icon_zuo ico"></span>
          <span @click="back">返回</span>
        </div>
        <div class="bufan">不凡</div>
      </div>
    </div>
    <div class="line"></div>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        back() {
      this.$router.push("/");
    },
    }
}
</script>
<style lang="scss" scoped>
.map-header {
  height: 46px;
  color: #b4282d;
  font-size: 14px;
  background-color: #fff;
  .con {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    .back {
      float: left;
      margin-left: 15px;
      .ico {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
      }
    }
    .bufan {
      float: left;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}
.line {
    width: 100%;
    height: 2px;
    background-color: #eee;
    box-shadow: 0 -1 2px #eee;
}
</style>